<template>
    <div class="web_info_box displayBox">
        <h3>网站信息</h3>
        <p>{{ info.msg }}</p>
        <p>{{ info.copyright }}</p>
        <p>{{ info.record }}</p>
    </div>
</template>
<!--底部网站信息-->
<script setup>
import {ref} from "vue";

const info = ref({
    copyright: "2023-12-12 ©版权 不想说话而已",
    record: "备案号: 黔ICP备2023005138号",
    msg: "免责声明: 本人仅仅作为个人学习使用,所有内容不作为商业行为",
})
</script>

<style scoped>
.web_info_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    margin-top: 100px;
    border-top: 3px solid #6da6e1;
}

p {
    margin: 3px;
    font-size: 14px;
}
</style>